'use client'

import React from 'react'
import ReactECharts from 'echarts-for-react'

const ProductEchart = () => {
  const option = {
    tooltip: { show: true, trigger: 'axis', confine: true, },
    xAxis: { data: ['活跃数量', '非活跃数量', '总数'], axisLabel: { show: false }, axisLine: { show: false }, axisTick: { show: false }, splitLine: { show: false }, },
    yAxis: { axisLabel: { show: false }, axisLine: { show: false }, axisTick: { show: false }, splitLine: { show: false }, },
    series: [{ name: '数量', type: 'line', smooth: true, data: [5, 20, 36] }],
  }

  return <ReactECharts option={option} style={{ height: '100%' }} />
}

export default ProductEchart
